<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	#pic{
		width: 400px;
		/*display: none;*/
	}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$(function(){
		// 给#btn加单击事件
		$('#btn').click(function(){
			// $('#pic').hide();
			// $('#pic').show();
			// $('#pic').toggle();
			// $('#pic').slideUp(2000);
			// $('#pic').slideDown(4000,function(){
			// 	alert('hi，帅哥，我来啦！');
			// });

			// $('#pic').fadeIn(2000);
			// $('#pic').fadeOut(3000);

			$('#pic').fadeTo(2000,0.5,function(){
				alert('报告长官，动画运动完毕！');
			});
		})
	})
</script>
</head>

<body>

<input type="button" value="点我啊" id="btn" />
<br /><br />

<img src="meinv.jpg" id="pic" />

</body>
</html>
